<template>
	<view class="swipecContent">
		<swiper :indicator-dots="true" :style="{height:sheight+'px'}" :autoplay="true" :interval="3000" :duration="1000"
			:indicator-color="indicatorColor" :indicator-active-color="indicatorActiveColor">
			<swiper-item v-for="(item,index) in pics">
				<view class="swiper-item">
					<image style="width: 100%;" :src="item" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	defineProps({
		pics: {
			type: Array,
			default: []
		},
		sheight: {
			type: Number,
			default: 200
		},
		indicatorColor: {
			type: String,
			default: "#ccc"
		},
		indicatorActiveColor: {
			type: String,
			default: "#000"
		}
	})
</script>

<style>

</style>